從頭開始的Javascript 入門 -dom day8 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 11 屆 iThome 鐵人賽

DAY 7

0

自我挑戰組

重新開始的Vue.js 30day系列第 8 篇

從頭開始的Javascript 入門 -dom day8

11th鐵人賽

2019-09-09 23:20:12

658 瀏覽

分享至

前言

當瀏覽器帶入網頁內容、它會建立該頁的文件模型，此模型就稱為DOM樹：
DOM樹會儲存在瀏覽器記憶體中，並包含四種主要類型節點：

文件節點
標籤元件節點
屬性節點
文字節點

如何活用Dom樹

存取元件

選取一個標籤元件節點

以下是三種常見的元件

getElementById()

利用元件id屬性值

querySelector()

利用css選擇器回傳第一個符合條件元件

存取多個元件
getElementByClassName()

getElementByTagName()

querySelectorAll()

從頭開始的Javascript 入門 -迴圈 day6

從頭開始的Javascript 入門 -事件 day9

系列文

重新開始的Vue.js 30day 共 21 篇

目錄

RSS系列文訂閱系列文

17 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22198 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙